.page {

  .page_top {
    display: flex;
    margin-top: 16rpx;
    padding: 0 52rpx;
    align-items: flex-start;

    .page_top_left {
      color: rgba(202, 58, 58, 255);
      font-weight: 700;
    }

    .page_top_right {
      color: rgba(0, 0, 0, 1);
      font-weight: 700;
      font-size: 32rpx;
    }
  }

  .page_center {
    color: rgba(135, 135, 135, 1);
    font-weight: 700;
    font-size: 28rpx;
    padding: 28rpx 65rpx;

  }

  .page_center_upload {
    padding: 0 65rpx;

    .page_upload {
      display: flex;
      flex-wrap: wrap;
      margin: -10rpx; // 调整为负值，抵消子元素的margin

      // 定义CSS变量
      --uploader-size: calc((100vw - 130rpx - 40rpx) / 3); // 计算三列布局的实际尺寸
      --uploader-gap: 20rpx; // 间距

      .page_upload_item {
        width: var(--uploader-size);
        height: var(--uploader-size);
        background: #f9f9f9; // 浅灰色背景
        text-align: center;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.2s ease;

        .page_upload_item_icon {
          font-size: 40rpx;
          color: #ca3a3a; // 红色图标
        }

        .page_upload_item_txt {
          text-align: center;
          color: #ca3a3a; // 红色文字
          font-weight: 700;
          font-size: 22rpx;
          margin-top: 8rpx;
        }

        &:active {
          background-color: #f0f0f0;
          transform: scale(0.98);
        }
      }

      // 已上传文件的样式
      .uploader-file {
        position: relative;
        width: var(--uploader-size);
        height: var(--uploader-size);
        margin: 0 10rpx;
        border-radius: 8px;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);

        .uploader-file-image {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        .uploader-file-remove {
          position: absolute;
          top: 0;
          right: 0;
          width: 32rpx;
          height: 32rpx;
          background-color: rgba(0, 0, 0, 0.7);
          color: white;
          border-radius: 0 0 0 8px;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
        }
      }
    }
  }

  .page_foot {
    margin-top: 96rpx;
    text-align: left;
    color: rgba(135, 135, 135, 1);
    font-weight: 700;
    font-size: 31.3rpx;
    padding-left: 63rpx;
  }

  .page_bottom {
    background: rgba(202, 58, 58, 255);
    text-align: center;
    padding: 32rpx 0;
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-size: 31.3rpx;
  }
}
